@import url(public.css?v=1.03);.header{background:#FFF;}
.header-main { height: 110px; overflow: hidden; }
.header-main .logo { float: left; margin-top: 28px; }
.header-main .logo img{max-height:68px;}
.header-main .search-box { float: right; margin-top: 28px; }
.header-main .input-wrap { height: 34px; border: 2px solid #00bfb1; overflow: hidden; }
.header-main .input { float: left; width: 430px; height: 19px; line-height: 19px; padding: 8px 10px; background: none; border: none; outline: none; font-size: 14px; color: #999; }
.header-main .button { width: 72px; height: 34px; font-size: 14px; background-color: #00bfb1; color: #FFF; border: none; outline: none; float: right; cursor: pointer; }
.header-main .hot-word { margin-top: 8px; }
.header-main .hot-word a { color: #666; margin-right: 24px; }
.header-main .hot-word a:hover { color: #FD3939; }
.header-nav { height: 45px; line-height: 45px; background: #00bfb1; }
.header-nav ul { overflow: hidden; }
.header-nav li { float: left; margin-right: 1px; }
.header-nav a { display: block; width: 120px; font-size: 16px; color: #fff; text-align: center; }
.header-nav a:hover, .header-nav a.on { background-color: #05cfc0;}
#menu-toggle {display: none;}
@media screen and (max-width:1000px) {
  .header-main{height:auto;position:relative;}
  .header-main .logo{margin:0px;padding:10px;}
  .header-main .logo img{height:48px;}
  .header-main .search-box{display:none;}
  .header-nav {display:none;background: #FFF;width: 100%;height: 100%;position: fixed;top:0px;left:0px;margin-top:65px;z-index: 1000;overflow: hidden;}
  .header-nav ul {padding: 0px;width: 100%;height: auto;float: none;}
  .header-nav ul li {height: 45px;line-height: 45px;float: none;clear: both;text-align: left;float: none;margin: 0px;width: auto;border-top: 1px solid #EEE;}
  .header-nav a{width: 100%;color:#999;}
  .header-nav a.on{background:#FFF;}
  .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
  .menu-button,
  .menu-button::before,
  .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
  .menu-button{margin-top:27px;}
  .menu-button::before {content: "";margin-top: -10px;}
  .menu-button::after {content: "";margin-top: 10px;}
  #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
  #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
  #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
  #menu-toggle ~ .header-nav li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
  #menu-toggle:checked ~ .header-nav li {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.soft-list-box{padding:15px 0px;background:#FFF;}
.soft-list { overflow: hidden;}
.soft-list.game { margin-bottom: 15px; }
.soft-list.game .block-title { margin-top: -10px; }
.soft-list.game ul { margin: 0 0 0 -22px; }
.soft-list.game li { width: 100px; margin: 0 0 0 22px; }
.soft-list.game .pic { width: 100px; height: 100px; border-radius: 15px; }
.soft-list.like ul { margin: 0 0 -15px -27px; }
.soft-list.like li { width: 85px; margin: 0 0 15px 27px; }
.soft-list.like .pic { width: 85px; height: 85px; border-radius: 15px; }
.soft-list.related ul { margin: 0 0 -15px -27px; }
.soft-list.related li { margin: 0 0 15px 27px; }
.soft-list.hot ul { margin: 0 0 -20px -37px; }
.soft-list.hot li { width: 90px; margin: 0 0 20px 37px; }
.soft-list.hot .pic { width: 58px; height: 58px; border-radius: 10px; }
.soft-list.hot .tit { height: 36px; line-height: 18px; }
.soft-list ul { overflow: hidden; }
.soft-list li { width: 80px; float: left; text-align: center; margin-left:18px;}
.soft-list .pic { display: inline-block; vertical-align: top; width: 80px; height: 80px; border-radius: 12px; }
.soft-list .tit { margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; font-size: 14px; }
.soft-list .txt { height: 20px; line-height: 20px; overflow: hidden; font-size: 12px; color: #999; margin-top: 2px; }
.soft-list .btn { margin-top: 5px; }
.index-soft-list { overflow: hidden; margin-bottom: 15px; }
.index-tags-group {clear:both;padding:0px 15px;}
.index-tags-group dl, .index-tags-group dd { height: 26px; line-height: 26px; overflow: hidden; }
.index-tags-group dl { margin: 8px 0; }
.index-tags-group dt { float: left; font-size: 18px; text-align: center; color: #444; margin-right: 10px; }
.index-tags-group a { float: left; height: 26px; line-height: 26px; padding: 0 13px; font-size: 14px; position: relative; }
.index-tags-group a + a:after { content: ''; display: inline-block; width: 1px; height: 12px; background-color: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -6px; }
.index-tags-group .icon-arrow { margin-left: 10px; }
@media screen and (max-width:1000px) {
    .soft-list li{width:22%;margin:8px 0px 0px 2%;}
    .index-tags-group{padding:0px 6px;}
    .index-tags-group dt{font-size:16px;margin-right:0px}
    .index-tags-group .icon-arrow{margin-left:6px;}
    .index-tags-group a{padding:0px 8px;}
}

.banner{width:480px;height:280px;position:relative;}
.banner img{width:480px;height:280px}
.tt-box-l{width:480px;float:left;}
.tt-box-l h2{font-size:18px;height:45px;line-height:35px}
.tt-box-l ol{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;margin-top:10px;}
.tt-box-l ol:nth-child(1){border-top:0px;}
.tt-box-l ol li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.tt-box-l ol li.tt-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.tt-box-l ol li.tt-box-td p{clear:both;}
.tt-box-l ol li.tt-box-td p:nth-child(1){font-size:16px;}
.tt-box-l ol li.tt-box-td span{content:'推荐';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:12px;border-radius:15px;}
.tt-box-l ol li.tt-box-td p:nth-child(1) a{color:#fe8900}
.tt-box-l ol li.tt-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.tt-box-l ol li a{float:left;color:#666;}
.tt-box-l ol li time{float:right;color:#999;font-size:12px;}

.tt-menu{background:#FFF;height:45px;border-radius:45px;line-height:45px;font-size:18px;margin-bottom:10px;width:452px;}
.tt-menu span{font-weight:bold;cursor:pointer;}
.tt-menu span.active{color:#ff6600;position:relative;}
.tt-menu span.active::after{content:'';height:3px;width:100%;background:#ff6600;display:block;position:absolute;bottom:0px;left:0px;}

.tt-boxs{width:700px;float:right;}
.tt-boxs-data{background:#FFF;overflow:hidden;}
.tt-box-c{width:452px;float:left;}
.tt-box-c ul{background:#FFF;overflow:hidden;clear:both;padding:6px 0px;display:none}
.tt-box-c ul.active{display:block}
.tt-box-c ul li{padding:13px 0px 13px 18px;width:400px;overflow:hidden;float:left;}
.tt-box-c ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.tt-box-c ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.tt-box-c ul li p.news-title a{color:#333;font-size:16px;}
.tt-box-c ul li p time{float:left;font-size:14px;color:#999;}
.tt-box-c ul li p span{float:right;font-size:14px;color:#999;}


.tt-box-r{float:right;width:248px;}
.tt-box-r ul{padding:8px;background:#FFF;}
.tt-box-r li{position:relative;padding:10px 0px 10px 23px;border-left:1px solid #EEE;height:62px;}
.tt-box-r li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.tt-box-r li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.tt-box-r li img{width:66px;height:66px;float:left;margin-right:10px;}
.tt-box-r li p span,.tt-box-r li p time{font-size:12px;color:#999;margin-right:15px;}
.tt-box-r li .game-title{font-size:15px;max-height:44px;line-height:22px;overflow:hidden;}
.tt-box-r li .game-install{font-size:12px;color:#999;padding-top:6px;}

.tt-box-r .gamebox{position:relative;padding:0px 15px 0px 100px;height:104px;overflow:hidden;margin-top:15px;margin-left:8px}
.tt-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.tt-box-r .gamebox p{padding-top:12px;text-align:center;}
.tt-box-r .gamebox p:nth-child(2){padding-top:2px;}
.tt-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .tt-box-l h2{display:none}
    .tt-box-l{width:100%;float:none;}
    .tt-box-l ol{margin-top:0px;}
    .banner{width:100%;}
    .tt-boxs{float:none;width:100%;}
    .tt-menu{width:100%;margin-top:10px;}
    .tt-boxs-data{background:none;}
    .tt-box-c{width:auto;float:none;}
    .tt-box-c ul li{width:auto;float:none;padding:12px;}
    .tt-box-r{float:none;width:100%;margin-top:10px;}
    .tt-box-r .gamebox{padding:15px 15px 15px 115px;height:88px;background:#FFF;overflow:hidden;}
    .tt-box-r .qrcode-data{left:15px;top:15px;}

}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.news-box{width:860px;float:left;}
.news-box {clear:both;background:#FFF;border-radius:5px;}
.news-box .news-tab {position:relative;}
.news-box .news-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.news-box .news-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.news-box .news-tab span.active{color:#dc191b;font-weight:bold;}
.news-box .news-tab span.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.news-box .news-list{display:none;overflow:hidden;}
.news-box .news-list.active {display:block;}
.news-box .news-list ul{border-top:1px solid #EEE;clear:both;}
.news-box .news-list ul li{padding:16px 0px 16px 18px;width:400px;overflow:hidden;float:left;}
.news-box .news-list ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.news-box .news-list ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.news-box .news-list ul li p.news-title a{color:#333;font-size:16px;}
.news-box .news-list ul li p time{float:left;font-size:14px;color:#999;}
.news-box .news-list ul li p span{float:left;font-size:14px;color:#999;}
.news-box .news-list ul li p span:nth-child(1){background:#ff3c00;color:#FFF;padding:3px 5px;font-size:12px;border-radius:3px;}
.news-box .news-list ul li p span:last-child{float:right;font-size:12px;}

.news-game{background:#FFF;width:320px;float:right;}
.news-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.news-game ul{overflow:hidden;padding-bottom:15px;}
.news-game ul li{overflow:hidden;width:160px;padding:13px 0px 10px 0px;float:left;text-align:center;}
.news-game ul li img{width:90px;height:90px;border-radius:8px;}
.news-game ul li p{font-size:14px;padding-top:6px;}
.news-game ul li .news-game-down{width:90px;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.game-category{background:#FFF;overflow:hidden;padding:15px 15px 15px 5px;clear:both;margin-top:15px;}
.game-category a{float:left;margin-left:15px;margin-top:5px;display:inline-block;background:#ff3c00;color:#FFF;padding:3px 8px;border-radius:3px;}
@media screen and (max-width:1000px) {
    .news-box{width:auto;float:none;}
    .news-game{float:none;width:auto;margin-top:10px;}
    .news-game ul li{width:47%;margin-left:2%;}
}

.game-rank{background:#FFF;width:385px;float:left;margin-left:15px;}
.game-rank:nth-child(1){margin-left:0px;}
.game-rank .rank-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-rank ul{overflow:hidden;padding:5px 15px}
.game-rank ul li{clear:bot;overflow:hidden;padding:10px 20px 10px 45px;line-height:26px;position:relative;border-bottom:1px solid #EEE;}
.game-rank ul li .game-rank-no{position:absolute;left:0px;top:12px;background:red;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;display:block;}
.game-rank ul li img{width:48px;height:48px;border-radius:8px;float:left;margin-right:15px;display:none;}
.game-rank ul li .game-rank-title{font-size:14px;line-height:26px;}
.game-rank ul li .game-rank-attr{font-size:12px;color:#999;padding-top:6px;display:none;}
.game-rank ul li .game-rank-detail{display:none;}
.game-rank ul li .game-rank-views{position:absolute;right:10px;top:10px;font-size:12px;color:#999;}
.game-rank ul li.active{padding-top:10px;pading-bottom:10px;}
.game-rank ul li.active img{display:block;}
.game-rank ul li.active .game-rank-no{top:24px;}
.game-rank ul li.active .game-rank-attr{display:block;}
.game-rank ul li.active .game-rank-detail{display:block;position:absolute;top:24px;right:0px;}
.game-rank ul li.active .game-rank-views{display:none;}
.game-rank-more{clear:both;text-align:center;padding:10px 0px 15px 0px;}
.game-rank-more a{background:#DDD;color:#333;width:138px;height:30px;line-height:30px;display:inline-block;border-radius:5px;}
@media screen and (max-width:1000px) {
    .game-rank{width:auto;float:none;margin-left:0px;}
}

.news-box{width:860px;float:left;}
.news-box {clear:both;background:#FFF;border-radius:5px;}
.news-box .news-tab {position:relative;}
.news-box .news-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.news-box .news-tab h2{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.news-box .news-tab h2.active{color:#dc191b;font-weight:bold;}
.news-box .news-tab h2.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.news-box .news-list{display:none;overflow:hidden;}
.news-box .news-list.active {display:block;}
.news-box .news-list ul.news-list-big li{padding:18px 0px 10px 18px;overflow:hidden;float:left;width:192px;}
.news-box .news-list ul.news-list-big li img{width:192px;height:156px;border-radius:8px;}
.news-box .news-list ul.news-list-big li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-box .news-list ul.news-list-big li p a{color:#333;font-size:14px;}

.news-box .news-list ul.news-list-txt{border-top:1px solid #EEE;clear:both;padding:10px 15px;overflow:hidden;}
.news-box .news-list ul.news-list-txt li{line-height:30px;height:30px;width:400px;overflow:hidden;float:left;}
.news-box .news-list ul.news-list-txt li time{float:right;font-size:14px;color:#999;}
.news-box .news-list ul.news-list-txt li a{float:left;font-size:14px;color:#666;}
.news-box .news-list ul.news-list-txt li:nth-child(odd){float:left}
.news-box .news-list ul.news-list-txt li:nth-child(even){float:right}

.news-game{background:#FFF;width:320px;float:right;}
.news-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.news-game ul{padding:6px 15px;}
.news-game ul li {position:relative;padding:8px 10px 8px 35px;font-size:12px;overflow:hidden;}
.news-game ul li i.rank {width:22px;height:62px;line-height:60px;display:inline-block;text-align:center;position:absolute;top:8px;left:0px;background:#EEE;color:#666;}
.news-game ul li i.rank.rank1,
.news-game ul li i.rank.rank2,
.news-game ul li i.rank.rank3 {background:red;color:#FFF}
.news-game ul li img {width:62px;height:62px;border-radius:5px;vertical-align:middle;margin-right:15px;float:left;}
.news-game ul li p {font-size:16px;}
.news-game ul li p:last-child {margin-top:8px;}
@media screen and (max-width:1000px) {
    .news-box{width:100%;float:none;}
    .news-box .news-list ul.news-list-big{}
    .news-box .news-list ul.news-list-big li{width:47%;margin-left:2%;padding:10px 0px 0px 0px;}
    .news-box .news-list ul.news-list-big li img{width:100%;height:122px;}
    .news-box .news-list ul.news-list-big li p a{font-size:12px;}
    .news-box .news-list ul.news-list-txt li{width:auto;}
    .news-box .news-list ul.news-list-txt li:nth-child(2n),.news-box .news-list ul.news-list-txt li:nth-child(2n+1){float:none;}
    .news-game{float:none;width:100%;margin-top:10px;}
}

.ask-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-box-title h2{float:left;font-size:18px;}
.ask-box-title a{float:right;}
.wendabox{clear:both;overflow:hidden;background:#FFF;}
.wendabox ul{clear:both;}
.wendabox ul li{padding:12px 0px 15px 0px;width:550px;border-top:1px solid #EEE;}
.wendabox ul li img{width:18px;height:18px;border-radius:18px;float:left;}
.wendabox ul li:nth-child(1),.wendabox ul li:nth-child(2){border-top:0px}
.q-list-tit{font-size:16px;line-height:35px;height:35px;overflow:hidden;}
.q-list-answer{padding-top:5px;color:#999;line-height:24px;height:48px;overflow:hidden;}
.q-list-tit::before,.q-list-answer::before{color:#FFF;font-size:12px;width:20px;height:20px;line-height:20px;border-radius:20px;text-align:center;display:inline-block;margin-right:10px;}
.q-list-tit::before{content:'问';background:#89dff9;vertical-align:middle;}
.q-list-answer::before{content:'答';background:#fead42;}
.q-list-user{padding-top:5px;}
.q-list-user span,.q-list-user time{margin-right:12px;font-size:12px;color:#777;}
@media screen and (max-width:1000px) {
    .wendabox ul li{width:auto;padding:12px;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{padding:10px}
    }